<script setup></script>

<template>
	<router-view></router-view>
</template>

<script setup>
import { ref, onMounted } from "vue";

const primaryColor = '#8c0776';

onMounted(() => {
	// 创建一个 style 标签动态插入全局样式
	const style = document.createElement('style');
  style.innerHTML = `
    :root {
      --primary-color: '#8c0776';
    }
  `;
  document.head.appendChild(style);
})
</script>

<style lang="scss">
@import './assets/css/main.scss' ;
</style>
<style lang="less">
@import 'view-ui-plus/src/styles/index.less';

// Here are the variables to cover, such as:
// @primary-color: var(--primary-color);
</style>